
#coupon{
    display: flex;
    flex-direction: column;
    height: 100%;
    background:#f6f6f6;
    .Broker {
        width: 7rem;
        height: 2rem;
        margin: .2rem .25rem;
        background: url("https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/coupon_background.png");
        background-size: 7rem 2rem;
        position: relative;
        li {
            line-height: .6rem;
        }
        .left {
            text-align: center;
            float: left;
            margin-top: .6rem;
            margin-left: .15rem;
            width: 2rem;
            .money {
                font-size: .6rem;
                color: #9948c3;
                font-weight: bold;
                span {
                    font-size: .34rem;
                    font-weight: normal;
                }
            }
            .text {
                font-size: .24rem;
                color: #646464;

            }
        }
        .right {
            margin-left: .6rem;
            margin-top: .45rem;
            float: left;
            .name {
                font-size: .3rem;
                color: #323232;
            }
            .where {
                font-size: .24rem;
                color: #969696;
            }
            .time {
                font-size: .22rem;
                color: #969696;
                span {
                    color: #9948c3;
                    margin-left: .2rem
                }
            }
        }
        .lt {
            width: .14rem;
            height: .26rem;
            position: absolute;
            right: .5rem;
            top: .8rem;
        }
    }
    header{
        height: 1rem;
        text-align: center;
        color:black;
        border-bottom:1px solid #c8c8c8;
        font-size: .34rem;
        background: white;
        position: relative;
        img{
            height: .4rem;
            position: absolute;
            left: .4rem;
            top: .3rem;
        }
    }
    #coupon-empty{
        flex: 1;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        text-align: center;
        font-size: .32rem;
        color: #666;
        .noVoucher{
            font-size:.28rem;
            color:#969696;
        }
        .btn{
            display:block;
            width:2.6rem;
            height:.72rem;
            border-radius:.2rem;
            color:#9948c3;
            border:1px solid #9948c3;
            line-height:.72rem;
            text-align:center;
            font-size:.28rem;
            margin-top:1.14rem;
            margin-left:32%;
            background:white;
        }
        img{
            height:2.5rem;
            width:2.8rem;
            display: block;
            margin: 1rem auto .5rem;
            margin-top:2rem;
        }
    }
    #list {
        .coupon-single {
            margin-top: 1.2rem;
            .type {
                border-bottom: 1px solid #e6e6e6;
                height: 1rem;
                width: 100%;
                background: #fff;
                position: fixed;
                top: 0;
                z-index: 99;
                .top {
                    font-size: .28rem;
                    color: #323232;
                    line-height: 1rem;
                    display: flex;
                    justify-content: space-around;
                    .active {
                        color: #9948c3;
                        border-bottom: 2px solid #9948c3;
                    }
                    li {
                        float: left;
                    }

                }
            }

            .Broker {
                width: 7rem;
                height: 2rem;
                margin: .2rem .25rem;
                background: url("https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/coupon_background.png");
                background-size: 7rem 2rem;
                position: relative;
                li {
                    line-height: .6rem;
                }
                .left {
                    text-align: center;
                    float: left;
                    margin-top: .4rem;
                    margin-left: .15rem;
                    width: 2rem;
                    .money {
                        font-size: .6rem;
                        color: #9948c3;
                        font-weight: bold;
                        span {
                            font-size: .34rem;
                            font-weight: normal;
                        }
                    }
                    .text {
                        font-size: .24rem;
                        color: #646464;

                    }
                }
                .right {
                    margin-left: .35rem;
                    margin-top: .45rem;
                    float: left;
                    .name {
                        font-size: .3rem;
                        color: #323232;
                    }
                    .where {
                        font-size: .24rem;
                        color: #969696;
                    }
                    .time {
                        font-size: .22rem;
                        color: #969696;
                        span {
                            color: #9948c3;
                            margin-left: .2rem
                        }
                    }
                }
                .lt {
                    width: .14rem;
                    height: .26rem;
                    position: absolute;
                    right: .5rem;
                    top: .8rem;
                }
            }

        }
    }
}
